<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
          "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link type="text/css" rel="stylesheet" href="resources/css/style.css" />
	<link type="text/css" rel="stylesheet"
		href="resources/css/basic_slide.css" />
	<link href='http://fonts.googleapis.com/css?family=Inder'
		rel='stylesheet' type='text/css' />
	<link rel="shortcut icon" href="resources/images/sb.gif"
		type="image/x-icon" />
	<h:outputScript library="js" name="lib.js" />
	<script type="text/javascript" src="http://www.google.com/jsapi"></script>
	<h:outputScript library="js" name="polaroid.js" />
	<h:outputScript library="js" name="acessibilidade.js" />
	<h:outputScript library="js" name="basic_slide.js" />


</h:head>
<h:body>
	<p:ajaxStatus onstart="statusDialog.show();"
		onsuccess="statusDialog.hide();" />

	<p:dialog modal="true" widgetVar="statusDialog" header="Status"
		draggable="false" closable="false">
		<h:panelGrid id="display" columns="1" style="width:100%"
			styleClass="text_center">
			<h:outputText value="Processando, aguarde..." />
			<p:graphicImage value="/resources/images/ajax-loader.gif"
				alt="Loader Ajax" title="Loader Ajax" />
		</h:panelGrid>
	</p:dialog>

	<h:panelGroup layout="block" styleClass="polaroid opacity_effect">
		<img src="resources/images/produtos/draggable1.png"
			alt="Imagem Produto 1" title="Imagem Produto 1" />
	</h:panelGroup>
	<h:panelGroup layout="block" styleClass="polaroid opacity_effect">
		<img src="resources/images/produtos/draggable2.png"
			alt="Imagem Produto 2" title="Imagem Produto 2" />
	</h:panelGroup>
	<h:panelGroup layout="block" styleClass="polaroid opacity_effect">
		<img src="resources/images/produtos/draggable3.png"
			alt="Imagem Produto 3" title="Imagem Produto 3" />
	</h:panelGroup>
	<h:panelGroup layout="block" styleClass="polaroid opacity_effect">
		<img src="resources/images/produtos/draggable4.png"
			alt="Imagem Produto 4" title="Imagem Produto 4" />
	</h:panelGroup>
	<h:panelGroup layout="block" styleClass="polaroid opacity_effect">
		<img src="resources/images/produtos/draggable5.png"
			alt="Imagem Produto 5" title="Imagem Produto 5" />
	</h:panelGroup>
	<h:panelGroup layout="block" styleClass="polaroid opacity_effect">
		<img src="resources/images/produtos/draggable5.png"
			alt="Imagem Produto 6" title="Imagem Produto 6" />
	</h:panelGroup>

	<h:panelGroup id="palco" styleClass="centro" layout="block">
		<h:panelGroup id="header">
			<ui:include src="/templates/header.xhtml" />
			<ui:include src="/templates/menu.xhtml" />
		</h:panelGroup>
		<h:panelGroup id="content" layout="block">
			<ui:insert name="content" />
		</h:panelGroup>
		<h:panelGroup layout="block" id="footer"
			styleClass="cb ui-gradient height60px width100 absolute"
			style="left:0px; bottom:0px;">
			<ui:include src="/templates/footer.xhtml" />
		</h:panelGroup>
	</h:panelGroup>

</h:body>
</html>

